<template>
  <div class="tab">
  		<div class="item">
      		<router-link :to="'/personage'">栗子</router-link>
  		</div>
  		<div class="item">
      		 <router-link :to="'/top_header'">工作经历</router-link>
  		</div> 
  </div>
</template>


<script>
export default {}
</script>

<style scoped>
	.tab{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		height: 40px;
		line-height: 40px;
		width: 100%;
		background: #DEB887
	}
  .router-link-active{background: #FF8C00;color: #fff;}
	.item{box-flex:1;height: 40px;line-height: 40px;width: 100%;text-align: center;border-right:1px solid #fff;}
	.item:last-child{border-right:none}
	.item a{display: block;text-decoration: none;color: #fff;font-weight: bold;}
	.item a:hover{background: #FF8C00;color: #fff;}
</style>
